<template>
  <div class="cate">
    <navigator :url="reqUrl">
      <div class="cate-item">
        <div class="cimg">
          <img :src="bgImg"/>
        </div>
        <div class="text">{{text}}</div>
      </div>
    </navigator>
  </div>
</template>
<script>
export default {
  props: [
    'bgImg',
    'text',
    'type'
  ],
  computed: {
    reqUrl: function () {
      return `/pages/equip/wlist/main?type=${this.type}&text=${this.text}`
    }
  }
}
</script>
<style>
.cate{
  box-sizing: border-box;
  text-align: center;
  width: 33.3333%;
  float: left;
}
.cate-item{
  box-sizing: border-box;
  margin: 10px;
  padding: 10px;
  color: #212121;
  background-color: #ffffff;
  border: 2px solid #eeeeee;
  border-radius: 10px;
}
.text{
  margin-top: 0px;
  font-size: 16px;
}
.cimg img{
  width: 60px;
  height: 60px;
}
</style>
